<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>02jQuery选择器.</title>
	<script src="js/jquery-3.1.1.js"></script>
	<script>
		$(function(){
			// 选择器
			

			// 筛选
			// 获取第一个li
			$('li').first().css('color','#f00');
		});
	</script>
</head>
<body>
	<ul>
		<li>数据1</li>
		<li>数据2</li>
		<li>数据3</li>
		<li>数据4</li>
		<li>数据5</li>
		<li>数据6</li>
		<li>数据7</li>
		<li>数据8</li>
		<li>数据9</li>
		<li>数据10</li>
	</ul>

	<form action="">
		
		爱好：
		<input type="checkbox" name="hobby">篮球
		<input type="checkbox" name="hobby">足球
		<input type="checkbox" name="hobby">羽毛球
		<input type="checkbox" name="hobby">乒乓球
		<input type="checkbox" name="hobby">橄榄球

		<br>
		性别：
		<input type="radio" name="gender">男
		<input type="radio" name="gender">女
	</form>
</body>
</html>